<template>
	<div class="indicator_desc">
		<x-header title="指标说明" :left-options="{backText: ''}">			
		</x-header>
		<div class="content">
			<div class="description">
				<h5>活动补贴</h5>
				<p>指全部的补贴金额，包含店铺补贴和美团补贴。</p>
			</div>
			<div class="description">
				<h5>带来流水</h5>
				<p>指的是享受优惠的订单总价之和。</p>
			</div>
			<div class="description">
				<h5>活动分布</h5>
				<p>活动分布占比为活动订单的占比 = 享受某个活动的订单数 / 全部订单数。</p>
			</div>
			<div class="description">
				<h5>补贴率</h5>
				<p>指的是投入营销金额 / 总交易额。</p>
			</div>
			<div class="description">
				<h5>活动带来收益</h5>
				<p>指的是因为活动带来的相关收益数据。</p>
			</div>
			<div class="description">
				<h5>月总数据</h5>
				<p>指的是当月对应指标的全部数据，包含不享受活动订单的数据。</p>
			</div>
			<div class="description">
				<h5>营销投入产出比</h5>
				<p>只包含活动带来订单的数据，不包含不享受活动的订单数据。</p>
			</div>
		</div>
	</div>
</template>

<script>
	import { setCookie,getCookie,removeCookie,clearCookie } from '@/assets/js/cookie'
	import { XHeader, Tab, TabItem } from 'vux';
	export default {
		name: 'indicator_desc',
		data() {
			return {
				msg: ''
			}
		},
		components: {
			XHeader,
			Tab,
			TabItem
		},
		computed:{
			
		},
		created(){
			
		},
		methods:{
			
		}
	}
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped lang="less">
	.indicator_desc {
		padding-bottom: .34rem;
		.content{
			background: #fff;
			text-align: left;
			.description{
				border-top: .3rem solid #efefef;
				h5{
					font-size: .32rem;
					color: #151515;
					padding: .28rem .24rem;
					border-bottom: 1px solid #eee;
				}
				p{
					font-size: .28rem;
					color: #272727;
					padding: .38rem .24rem;
				}
			}
		}	
	}
</style>